<!DOCTYPE html>
<!--***************************新增：滚动广告条***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************新增：滚动广告***************************-->
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>About Fantasy</title>
<meta name="keywords" content="about fantasy, our company, responsive design, free template, bootstrap, templatemo" />
<meta name="description" content="Fantasy Design, about us, multiple columns, responsive layout, free template with Bootstrap framework" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 微博float -->
<link href="__PUBLIC__/css/new_professor.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="__PUBLIC__/js/new_professor.js" type="text/javascript"></script>
<!-- 微博float -->

<!-- Custom styles for this template -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/templatemo_style.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/css/new.css" rel="stylesheet" type="text/css">
<link type="text/css" href="_doc/base.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://www.iruizi.com/kinMaxShow/v1.1/jquery.kinMaxShow-1.1.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/new.js" type="text/javascript"></script>

<!-- charity新加 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="__PUBLIC__/css/snippet.css" rel="stylesheet">
<script type="text/javascript" src="__PUBLIC__/js/snippet.js"></script>
<!-- charity新加 -->

<!--***************************微博float***************************-->
<!--<script language="javascript">
$(function(){
        var scrtime;
         $("#con").hover(function(){
                clearInterval(scrtime);
        
        },function(){
        
        scrtime = setInterval(function(){
                var $ul = $("#con ul");
                var liHeight = $ul.find("li:last").height();
                $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){
                
                $ul.find("li:last").prependTo($ul)
                $ul.find("li:first").hide();
                $ul.css({marginTop:0});
                $ul.find("li:first").fadeIn(1000);
                });        
        },3000);
        
        }).trigger("mouseleave");
        
        
});-->
<!--</script>
<style type="text/css">
* {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
body {
	font-size:13px;
	background-color:#999999;
}
#con {
	width:584px;
	height:300px;/* margin:0px 0px auto auto;  */
	float:right;
	position:relative;
	border-left:1px #CCCCCC dashed;
	border-right:1px #CCCCCC dashed;
	background-color:#FFFFFF;
	overflow:hidden;
}
#con ul {
	position:absolute;
	margin:10px;
	top:0;
	left:0;
	padding:0;
}
#con ul li {
	width:100%;
	border-bottom:1px #CCCCCC dashed;
	padding:20px 0;
	overflow:hidden;
}
#con ul li a {
	float:left;
	border:1px #333333 solid;
	padding:2px;
}
#con ul li p {
	margin-left:68px;
	line-height:1.5;
	padding:10px;
}
#con-backup {
	width:700px;
	height:400px;
	margin:10px auto;
	position:relative;
	border: none;
	background-color:#FFFFFF;
	overflow:hidden;
}
</style>-->
<!--***************************微博float***************************-->

</head>

<body onResize="refresh()">
<div id="main_container">
  <div class="container" id="about"> 
    <!--***************************body新增：滚动广告***************************-->
<!--    <div id="kinMaxShow">
      <div> <img src="Img/Smile-1280x800.jpg"   />
        <div class="sub-01"> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
      </div>
      <div> <img src="Img/eggs-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="Img/christmas_1920x1200.jpg"     />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="Img/Fall-Leaf-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
    </div>-->
    <!--***************************body新增：滚动广告***************************-->
    
    <div class="cleaner"></div>
    <div class="masthead" id="masthead">
      <ul class="nav nav-justified">
          <li><a href="{:U('Index/index')}">Home</a></li>
          <li><a href="{:U('Activity/index')}">Activity</a></li>
          <li><a href="{:U('Game/index')}">Game</a></li>
          <li><a href="{:U('Charity/index')}">Charity</a></li>
          <li class="active"><a href="{:U('index')}">Professor</a></li>
          <li><a href="about.html">Q&A</a></li>
      </ul>
    </div>
    
    <!--***********************微博一行***************************-->
    <!--<div class="row" id="content">
      <div class="col-md-6 mypad">
        <h2>What Does Autism Mean?</h2>
        <p>People usually call it autism (say: AW-tih-zum), but the official name is autism spectrum disorders. Why? Because doctors include autism in a group of problems that kids can have, including Asperger syndrome and others. These problems happen when the brain develops differently and has trouble with an important job: making sense of the world.<br/>
          <br/>
          Every day, our brains interpret (understand) the things we see, smell, hear, taste, touch, and experience. But when someone's brain has trouble interpreting these things, it can make it hard to talk, listen, understand, play, and learn.<br/>
          <br/>
          A kid's symptoms could be very mild, severe, or somewhere in the middle. For example, some kids might be upset by too many noises or sounds that are too loud. Kids who have milder symptoms don't mind loud noises so much. Someone with mild symptoms might need only a little bit of help. But a kid with severe symptoms might need a lot of help with learning and doing everyday stuff.<br/>
          <br/>
          <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">Readmore</a></p>
      </div>
      <div class="col-md-6">
        <h2>Hot Articles</h2>
        <div id="con">
          <ul>
            <li><a href="#" id="con-img"><img src="Img/professor-head/head_1.jpg"/></a>
              <p><b>What Does Autism Mean?</b><br />Every day, our brains interpret (understand) the things we see, smell, hear, taste, touch, and experience...<a href="professor.html" rel="nofollow" id="con-content">Readmore</a></p>
            </li>
            <li> <a href="#" id="con-img"><img src="Img/professor-head/head_2.jpg"/></a>
              <p><b>Sleeplessness in Autism</b><br />Every day, our brains interpret (understand) the things we see, smell, hear, taste, touch, and experience. But when someone's brain has trouble...<a href="professor.html" rel="nofollow" id="con-content">Readmore</a></p>
            </li>
            <li> <a href="#" id="con-img"><img src="Img/professor-head/head_3.jpg"/></a>
              <p><b>Self-Injurious Behavior</b><br />Every day, our brains interpret (understand) the things we see, smell, hear, taste, touch, and experience...<a href="professor.html" rel="nofollow" id="con-content">Readmore</a> </p>
            </li>
            <li> <a href="#" id="con-img"><img src="Img/professor-head/head_4.jpg"/></a>
              <p class="vright"><b>Friends and Family: What to say</b><br />Every day, our brains interpret (understand) the things we see, smell, hear, taste, touch, and experience...<a href="professor.html" rel="nofollow" id="con-content">Readmore</a></p>
            </li>
          </ul>
        </div>
      </div>
    </div>-->
    <!--***********************微博一行***************************--> 
    <!--***********************四篇文章***************************--> 
    <!--<div class="row">
      <div class="col-md-3">
        <h3>Morbi Quis </h3>
        <p>Maecenas adipiscing semper sapien at pretium. Aenean tortor leo, venenatis vitae pretium sit amet, blandit porta diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
      </div>
      <div class="col-md-3">
        <h3>Integer ac Urna</h3>
        <p><a href="#">Maecenas adipiscing</a> semper sapien at pretium. Aenean tortor leo, venenatis vitae pretium sit amet, blandit porta diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
      </div>
      <div class="col-md-3">
        <h3>Neque Vel Auctor</h3>
        <p>Donec ipsum diam, fermentum eu scelerisque quis, vestibulum sit amet orci. Cras in commodo libero. Duis ut urna sit amet est feugiat ultrices id eget metus. Nulla et eros tellus, a hendrerit nulla. Maecenas.</p>
      </div>
      <div class="col-md-3">
        <h3>Maecenas Id </h3>
        <p>Pellentesque ac magna quis sem aliquam viverra id sit amet justo. Nunc egestas sodales eros, et tristique sapien laoreet sit amet. Sed quis rutrum ipsum. Suspendisse ullamcorper augue sit amet arcu malesuada.</p>
      </div>
    </div>--> 
    <!--***********************四篇文章***************************--> 
    
    <!--***********************List-1***************************--> 
     <br/> 
<div class="container-myself">
<div class="container-myself-in">
    <volist name="list1" id="vo">
        <div class="read2">
            <div class="read2-img1"> <img src="__PUBLIC__{$vo.path}" alt="img" /> </div>
            <h3>{$vo.title}</h3>
            <p>{$vo.summary}</p>
        </div>
    </volist>
</div>
</div>
    <!--***********************List-1***************************--> 
    <!--***********************List-2***************************--> 
    <!-- <br/>--> 
<div class="container-myself">
<div class="container-myself-in">
    <notempty name="list2">
        <volist name="list2" id="vo">
            <div class="read2">
                <div class="read2-img1"> <img src="__PUBLIC__{$vo.path}" alt="img" /> </div>
                <h3>{$vo.title}</h3>
                <p>{$vo.summary}</p>
            </div>
        </volist>
    </notempty>
</div>
</div>


      
        <div class="clear"></div>
      </div>
    </div>
    <!--***********************模块***************************--> 
    
    <!--***********************添加3***************************--> 
    
    <!--***********************添加3***************************--> 
  <footer class="container">
    <div class="credit row">
      <div class="col-md-6 col-md-offset-3">
        <div id="templatemo_footer"> Copyright © 2014 <a href="#">Autism Home</a> | Design: <a href="#">RMG Team</a> </div>
      </div>
      <div class="col-md-3">
        <div style="text-align: right"> <a href="#"><img src="__PUBLIC__/images/facebook.png" alt="Like us on Facebook"></a> <a href="#"><img src="__PUBLIC__/images/twitter.png" alt="Follow us on Twitter"></a> <a href="#"><img src="__PUBLIC__/images/rss.png" alt="RSS feeds"></a> </div>
      </div>
    </div>
  </footer>
</body>
</html>
